<!--个人信息设置-->
<title>余额提现</title>
<div class="navbar">
    <div class="navbar-inner">
        <div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i></a>
        </div>
        <div class="center sliding">余额提现</div>
        <div class="right"></div>
    </div>
</div>


<div data-page="balance-page" class="page no-toolbar no-navbar credit">
    <div class="page-content">
        <div class="credit-header">
            <div class="row balance">
                <span class="balance-btn">
                    {{balance}}
                </span>
            </div>
            <div class="row">
                <a class="balance-take-btn">我要提现</a>
            </div>
            <div class="li-divider-10"></div>
            <div class="row row-45">
                <span class="balance-detail-title">分销订单明细</span>
            </div>
            <div class="row tab-container row-45">
                {{#js_if "this.type==1"}}
                <a href="./user/credit.html?type=1" class="col-auto tab-label no-animation active">今日</a>
                {{else}}
                <a href="./user/credit.html?type=1" class="col-auto tab-label no-animation">今日</a>
                {{/js_if}}

                {{#js_if "this.type==2"}}
                <a href="./user/credit.html?type=2" class="col-auto tab-label no-animation active">本周</a>
                {{else}}
                <a href="./user/credit.html?type=2" class="col-auto tab-label no-animation">本周</a>
                {{/js_if}}

                {{#js_if "this.type==3"}}
                <a href="./user/credit.html?type=3" class="col-auto tab-label no-animation active">本月</a>
                {{else}}
                <a href="./user/credit.html?type=3" class="col-auto tab-label no-animation">本月</a>
                {{/js_if}}

                {{#js_if "this.type==4"}}
                <a href="./user/credit.html?type=4" class="col-auto tab-label no-animation active">全部</a>
                {{else}}
                <a href="./user/credit.html?type=4" class="col-auto tab-label no-animation">全部</a>
                {{/js_if}}
            </div>
        </div>
        <div class="list-block">
            <ul style="padding-left: 0">
                <li class="row statics">
                    <div class="col-auto">
                        <span class="statics-item-title">佣金</span><br>
                        <span class="statics-item-value">{{total}}</span>
                    </div>
                    <div class="col-auto">
                        <span class="statics-item-title">订单数</span><br>
                        <span class="statics-item-value">{{orders}}</span>
                    </div>
                </li>
                {{#each details}}
                <li class="li-divider-10"></li>
                <li class="row credit-item">
                    <img class="col-40" src="{{image}}">
                    <div class="col-60">
                        <div class="detail-desc">
                            {{desc}}
                        </div>
                        <span class="goods-number">数量：x{{number}}</span>
                        <span class="goods-balance">获取佣金5元</span>
                    </div>
                </li>
                {{/each}}
            </ul>
            <div class="row divider no-gutter">
                <div class="col-25 deep"></div>
                <span>我也是有底线的</span>
                <div class="col-25 deep"></div>
            </div>
        </div>
    </div>

</div>